<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>盒子模型示例</title>
<style>
    .box {
        width: 450px; /* 内容区域宽度 */
        height: 480px; /* 内容区域高度 */
        background-color: rgb(192, 35, 245); /* 内容区域背景色 */
        
        padding: 25px; /* 内边距，四周都是25像素 */
        border: 10px solid rgb(255, 29, 67); /* 边框，宽10像素，样式实线，颜色黑色 */
        
        margin: 35px; /* 外边距，四周都是35像素 */
    }
</style>
</head>
<body>

<div class="box">
    <img src="../img/盒子.png" alt="">
    <!-- 这里是盒子的内容 -->
</div>

</body>
</html>